import React from 'react'
import './List.css'

export default function List(props) {

  const {list}=props

  return (
    <div className='list'>
      {
        list.map(i=><div key={i.id} className='list-item'>
          <img src={i.imgSrc} alt="" />
          <div className='info'>
            <div>{i.title}</div>
            <div>
              <span>{i.from}</span>
              <span>{i.date}</span>
            </div>
          </div>
        </div>)
      }
    </div>
  )
}
